$(function (){
	//合成事件
	$('#che').hover(enter, leave);
		function enter() {
			$(this).animate({ right: 0 })
		}
		function leave() {
			$(this).animate({ right: -600 })
		}
	var num=0;
	var ming,gui,dan;
	var y=0;
	var x=0;
	//是$(".addcar")这个元素点击促发的 开始动画的位置就是这个元素的位置为起点
	$(".addcar").click(function(){
		var img=$(this).parent().find('img');//获取img元素节点
		var cloneimg=img.clone();//克隆一个img元素节点
		cloneimg.css({
			position:'absolute',//克隆节点开始的位置
			left:img.offset().left,
			top:img.offset().top,
			opacity:0.7
		});
		cloneimg.appendTo('body');
		cloneimg.animate({
			left:$('#che').offset().left,//结束的地方的元素
			top:$("#che").offset().top,
			height:30
		},1500,function(){
			$(this).remove();//销毁
		});
		var jian=('<button class="jian" dan='+$(this).attr('dan')+'>-</button> ');
		var inp=('<input type="text" value="1" class="inp"/> ')
		var jia=('<button class="jia" dan='+$(this).attr('dan')+'>+</button> ');
		var a1=('<button class="save">保存</button>');
		var a2=('<button class="del">删除</button>');
		dan=$(this).attr('dan');
		var td1=('<td class="name">'+$(this).attr('tip')+'</td>');//获取产品名字
//				var td2=('<td class="gui">'+$(this).attr('gui')+'</td>');//获取产品规格
		var td3=('<td class="dan">'+$(this).attr('dan')+'</td>');//获取单价
		var td4=('<td class="sex" >'+jian+inp+jia+'</td>');
		var td5=('<td class="he"><a>'+dan+'</a></td>');
		var td6=('<td>'+a1+a2+'</td>')
		$('tbody').append('<tr>'+td1+td3+td4+td5+td6+'</tr>');				
		$("#b").text(++num);
		x=parseInt(x)+parseInt(dan);
		$("#c").text(x);	
		$("#sum").text(++y);
		
	});
	$(document).on('click','.jia',function(){
		var m=0;
		var z=$(this).prev().val();//获取输入文本框的值
		z=parseInt(z)+1;
		$(this).prev().val(z);//取出文本框的值
		dan=$(this).attr('dan');
		m=z*dan;
		$(this).parent().next().text(m);//将结果给到他父元素的下一兄弟
		x=parseInt(x)+parseInt(dan);
		$("#c").text(x);
		$("#b").text(++num);
				
	})
	$(document).on('click','.jian',function(){
		var m=0;
		var z1=$(this).next().val();
		if(z1<=1){
			z1=1;
		}else{
			z1=parseInt(z1)-1;
		}
		$(this).next().val(z1);
		dan=$(this).attr('dan');
		m=z1*dan;
		$(this).parent().next().text(m);
			
		x=parseInt(x)-parseInt(dan);
		
		$("#b").text(--num);
		$("#c").text(x);
	})
	
		
	$(".shop").click(function(){
		//var img1=$(this).parent().prev().prev().find('img');
		var imga=$(this).parent().parent().find('img');		
		var cloneimga=imga.clone();		
		cloneimga.css({
			width:'200',
			height:'253',
			position:'absolute',//克隆节点开始的位置
			left:imga.offset().left,
			top:imga.offset().top,
			opacity:0.7
		});						
		cloneimga.appendTo('body');
		cloneimga.animate({
			left:$('#che').offset().left,//结束的地方的元素
			top:$("#che").offset().top,
			height:30
		},1500,function(){
			$(this).remove();
		})
		var jian=('<button class="jian" dan='+$(this).attr('dan')+'>-</button> ');
		var inp=('<input type="text" value="1" class="inp"/> ')
		var jia=('<button class="jia" dan='+$(this).attr('dan')+'>+</button> ');
		var a1=('<button class="save">保存</button>');
		var a2=('<button class="del">删除</button>');
		dan=$(this).attr('dan');
		var td1=('<td class="name">'+$(this).attr('tip')+'</td>');//获取产品名字
//				var td2=('<td class="gui">'+$(this).attr('gui')+'</td>');//获取产品规格
		var td3=('<td class="dan">'+$(this).attr('dan')+'</td>');//获取单价
		var td4=('<td class="sex" >'+jian+inp+jia+'</td>');
		var td5=('<td class="he"><a>'+dan+'</a></td>');
		var td6=('<td>'+a1+a2+'</td>')
		$('tbody').append('<tr>'+td1+td3+td4+td5+td6+'</tr>');				
		$("#b").text(++num);
		x=parseInt(x)+parseInt(dan);
		$("#c").text(x);	
		$("#sum").text(++y);
	})
	$(document).on('click','.del',function(){
		var that=this;
		swal({
  			title: "确定要删除吗?",
  			text: "确定要删除这个产品吗？",
  			type: "warning",
  			showCancelButton: true,
  			confirmButtonColor: "#DD6B55",
  			confirmButtonText: "确定",
  			cancelButtonText: "取消",
  			closeOnConfirm: false
		},function( ){
  			$(that).parents('tr').remove();
  			//error提示'x'success提示'v'
    		swal("已删除", "", "success");
 					
		});
	})
	
	
	
	
})	
	
	
	
	
	

